
<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/jquery/jquery-1.11.3.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/require.js" data-main="js/config.js"></script>
		<script src="js/attention.js"></script>
		<link rel="stylesheet" type="text/css" href="css/attention.css" />
		<link rel="stylesheet" type="text/css" href="css/nav.css" />
	</head>

	<body>
		<!--
        	作者：453570847@qq.com
        	时间：2017-03-22
        	描述：guding 不知为何。，这玩意放在下面就有bug
        -->
		<div id="guding">
			<div>
				<a href="usercenter.html"><img src="images/3030.png" /></a>
			</div>
			<div class="cart">
				<i id="end"></i>
				<span><a href="shopcar.html" style="font-size: 12px;color: #fff;">购物车</a></span>

			</div>
			<div id="shoppingnum">0</div>
			<div>
				<a href="#">返回顶部 </a>
			</div>
		</div>
		<!--
        	作者：453570847@qq.com
        	时间：2017-03-24
        	描述：yincang
        -->
		<div id="msg">已成功加入购物车！</div>
		<!--
        	作者：453570847@qq.com
        	时间：2017-03-21
        	描述：top
     -->

		<div id="top">
			<div id="top_con">
				<p>北京[切换区县]</p>
				<p>
					欢迎光临本店!
					<a href="login.html">请登录</a>
					<a href="register.html">免费注册</a>
				</p>
				<p>
					<a href="usercenter.html" id="li-1">我的信息</a>
					<a href="#" style="color: red;">我关注的店铺</a>
					<a href="shopcar.html" style="color: red;">购物车</a>
					<a href="#" id="li-2">收藏夹</a>
					<a href="#">手机版</a>
					<a href="#">商家支持</a>
					<a href="#">网站导航</a>

				</p>
				<div id="box-1" class="hidden-box hidden-loc-index">
					<ul style="width:100px;height:60px;position: absolute;left:820.5px;top:20px;display: none;" class="hidden-box">
						<li><a href="#">已买到的宝贝</a></li>
						<li><a href="#">我的地址管理</a></li>
					</ul>
				</div>
				<div id="box-2">
					<ul style="width:100px;height:60px;position: absolute;left:1010.5px;top:20px;display: none;" class="hidden-box2">
						<li><a href="#">收藏的宝贝</a></li>
						<li><a href="#">收藏的店铺</a></li>
					</ul>
				</div>
			</div>
		</div>
		<!--
        	作者：453570847@qq.com
        	时间：2017-03-21
        	描述：search
        -->
		<div id="search">
			<div id="search_con">
				<h1>
						<a href="index.html"><img src="images/logo.png"/></a>
				</h1>
				<div class="search_input">
					<p>
						<a>宝贝</a>
						<a>店铺</a>
					</p>
					<p>
						<input id="pre" type="text" placeholder="请输入关键词" />
						<span>搜索</span>
						<ul id="con" style="position: absolute;z-index: 1000;top: 100px;font-weight: 900;">
							
						</ul>
					</p>
					<p class="tishi">
						<a style="margin-top: 5px;padding:0 10px;border-right: 1px solid gainsboro;color: gainsboro;">灯饰</a>
						<a style="margin-top: 5px;padding:0 10px;border-right: 1px solid gainsboro;color: gainsboro;">私房菜</a>
						<a style="margin-top: 5px;padding:0 10px;border-right: 1px solid gainsboro;color: gainsboro;">三星S6</a>
						<a style="margin-top: 5px;padding:0 10px;border-right: 1px solid gainsboro;color: gainsboro;">苹果</a>
					</p>
				</div>
				<div class="shouhou">
					<a href=""><img src="images/7天.png" /></a>
					<a href=""><img src="images/7天.png" /></a>
					<a href=""><img src="images/7天.png" /></a>
				</div>

			</div>
		</div>
		<!--
        	作者：453570847@qq.com
        	时间：2017-03-21
        	描述：nav
        -->
		<div id="nav">
			<div id="nav_con">

				<div class="navwrap">
					<div id="nav1">
						<div class="navbar clearfix">

							<a class="current" href="#">首页</a>
							<a href="#">食品生鲜</a>
							<a href="#">店铺街</a>
							<a href="#">积分商城</a>
							<a href="#">优惠活动</a>
							<a href="#">智能扫贷</a>
							<a href="#">文章资讯</a>
						</div>
						<div class="pros subpage">
							<h2>全部商品分类</h2>
							<ul class="prosul clearfix" id="proinfo" style="display: none;">
								<li class="food">
									<i>&gt;</i>
									<a class="ti" href="#">食品生鲜</a>
									<a class="hot" href="#">进口水果</a>
									<a href="#">火锅</a>
									<div class="prosmore hide">
										<div class="prosmore_left">
											<p><span><a href="#">保健食品：</a></span></p>
											<p>
												<span><a href="#">进口水果：</a></span>
												<span><a href="#">龙眼荔枝</a></span>
												<span><a href="#">龙眼荔枝</a></span>
												<span><a href="#">龙眼荔枝</a></span>
												<span><a href="#">龙眼荔枝</a></span>
												<span><a href="#">龙眼荔枝</a></span>
												<span><a href="#">龙眼荔枝</a></span>
												<span><a href="#">龙眼荔枝</a></span>
												<span><a href="#">龙眼荔枝</a></span>
											</p>
											<p>
												<span><a href="#">糖果巧克力：</a></span>
												<span><a href="#">巧克力</a></span>
												<span><a href="#">巧克力</a></span>
												<span><a href="#">巧克力</a></span>
												<span><a href="#">巧克力</a></span>
												<span><a href="#">巧克力</a></span>
												<span><a href="#">巧克力</a></span>
												<span><a href="#">巧克力</a></span>
												<span><a href="#">巧克力</a></span>
											</p>
											<p>
												<span><a href="#">牛奶乳品：</a></span>
												<span><a href="#">豆奶</a></span>
												<span><a href="#">豆奶</a></span>
												<span><a href="#">豆奶</a></span>
												<span><a href="#">豆奶</a></span>
												<span><a href="#">豆奶</a></span>
												<span><a href="#">豆奶</a></span>
												<span><a href="#">豆奶</a></span>
												<span><a href="#">豆奶</a></span>
											</p>
											<p>
												<span><a href="#">坚果炒货：</a></span>
												<span><a href="#">开心果</a></span>
												<span><a href="#">开心果</a></span>
												<span><a href="#">开心果</a></span>
												<span><a href="#">开心果</a></span>
												<span><a href="#">开心果</a></span>
												<span><a href="#">开心果</a></span>
												<span><a href="#">开心果</a></span>
												<span><a href="#">开心果</a></span>
											</p>
											<p>
												<span><a href="#">蜜饯果干</a></span>
												<span><a href="#">红枣</a></span>
												<span><a href="#">红枣</a></span>
												<span><a href="#">红枣</a></span>
												<span><a href="#">红枣</a></span>
												<span><a href="#">红枣</a></span>
												<span><a href="#">红枣</a></span>
												<span><a href="#">红枣</a></span>
												<span><a href="#">红枣</a></span>
											</p>

										</div>
										<div class="prosmore_right">
											<p>
												<a href="#" style="color:hotpink">推荐品牌</a>
											</p>
											<span><a>百草味</a></span>
											<span><a>百草味</a></span>
											<span><a>百草味</a></span>
											<span><a>百草味</a></span>
											<span><a>百草味</a></span>
										</div>
									</div>
								</li>
								<li class="enjoy">
									<i>&gt;</i>
									<a class="ti" href="#">服装服饰</a>
									<a class="hot" href="#">女装馆</a>

									<div class="prosmore hide">
										<div class="prosmore_left">
											<p><span><a href="#">T恤：</a></span></p>
											<p>
												<span><a href="#">女装馆：</a></span>
												<span><a href="#">连衣裙</a></span>
												<span><a href="#">连体裤</a></span>
												<span><a href="#">羽绒服</a></span>
												<span><a href="#">短外套</a></span>

											</p>
											<p>
												<span><a href="#">男装馆：</a></span>
												<span><a href="#">休闲裤</a></span>
												<span><a href="#">牛仔裤</a></span>
												<span><a href="#">风衣</a></span>
												<span><a href="#">针织衫</a></span>
												<span><a href="#">休闲短裤</a></span>
												<span><a href="#">夹克</a></span>
												<span><a href="#">风衣</a></span>
												<span><a href="#">长袖衬衫</a></span>
											</p>
											<p>
												<span><a href="#">内衣馆：</a></span>
												<span><a href="#">男士内裤</a></span>
												<span><a href="#">夏季睡衣</a></span>
												<span><a href="#">性感睡衣</a></span>
												<span><a href="#">廋腿袜</a></span>

											</p>
											<p>
												<span><a href="#">户外鞋帽：</a></span>
												<span><a href="#">高跟拖鞋</a></span>
												<span><a href="#">篮球鞋</a></span>
												<span><a href="#">乒乓球鞋</a></span>
												<span><a href="#">足球鞋</a></span>
												<span><a href="#">羽毛球鞋</a></span>
												<span><a href="#">台球鞋</a></span>
												<span><a href="#">高跟鞋</a></span>
												<span><a href="#">平底鞋</a></span>
											</p>
											<p>
												<span><a href="#">箱包馆</a></span>
												<span><a href="#">单肩女包</a></span>
												<span><a href="#">单肩男包</a></span>
												<span><a href="#">双肩女包</a></span>
												<span><a href="#">双肩男包</a></span>
												<span><a href="#">旅行箱</a></span>
												<span><a href="#">男士钱包</a></span>
												<span><a href="#">女士钱包</a></span>

											</p>

										</div>
										<div class="prosmore_right">
											<p>
												<a href="#" style="color:hotpink">推荐品牌</a>
											</p>
											<span><a>雪花</a></span>
											<span><a>勇闯天涯</a></span>
											<span><a>达芙妮</a></span>
											<span><a>七匹狼</a></span>
											<span><a>其他</a></span>
										</div>
									</div>
								</li>
								<li class="travel">
									<i>&gt;</i>
									<a class="ti" href="#">个护化妆</a>
									<a class="hot" href="#">美容美肤</a>

									<div class="prosmore hide">
										<div class="prosmore_left">
											<p><span><a href="#">保健食品：</a></span></p>
											<p>
												<span><a href="#">进口水果：</a></span>
												<span><a href="#">龙眼荔枝</a></span>
												<span><a href="#">龙眼荔枝</a></span>
												<span><a href="#">龙眼荔枝</a></span>
												<span><a href="#">龙眼荔枝</a></span>
												<span><a href="#">龙眼荔枝</a></span>
												<span><a href="#">龙眼荔枝</a></span>
												<span><a href="#">龙眼荔枝</a></span>
												<span><a href="#">龙眼荔枝</a></span>
											</p>
											<p>
												<span><a href="#">糖果巧克力：</a></span>
												<span><a href="#">巧克力</a></span>
												<span><a href="#">巧克力</a></span>
												<span><a href="#">巧克力</a></span>
												<span><a href="#">巧克力</a></span>
												<span><a href="#">巧克力</a></span>
												<span><a href="#">巧克力</a></span>
												<span><a href="#">巧克力</a></span>
												<span><a href="#">巧克力</a></span>
											</p>
											<p>
												<span><a href="#">牛奶乳品：</a></span>
												<span><a href="#">豆奶</a></span>
												<span><a href="#">豆奶</a></span>
												<span><a href="#">豆奶</a></span>
												<span><a href="#">豆奶</a></span>
												<span><a href="#">豆奶</a></span>
												<span><a href="#">豆奶</a></span>
												<span><a href="#">豆奶</a></span>
												<span><a href="#">豆奶</a></span>
											</p>
											<p>
												<span><a href="#">坚果炒货：</a></span>
												<span><a href="#">开心果</a></span>
												<span><a href="#">开心果</a></span>
												<span><a href="#">开心果</a></span>
												<span><a href="#">开心果</a></span>
												<span><a href="#">开心果</a></span>
												<span><a href="#">开心果</a></span>
												<span><a href="#">开心果</a></span>
												<span><a href="#">开心果</a></span>
											</p>
											<p>
												<span><a href="#">蜜饯果干</a></span>
												<span><a href="#">红枣</a></span>
												<span><a href="#">红枣</a></span>
												<span><a href="#">红枣</a></span>
												<span><a href="#">红枣</a></span>
												<span><a href="#">红枣</a></span>
												<span><a href="#">红枣</a></span>
												<span><a href="#">红枣</a></span>
												<span><a href="#">红枣</a></span>
											</p>

										</div>
										<div class="prosmore_right">
											<p>
												<a href="#" style="color:hotpink">推荐品牌</a>
											</p>
											<span><a>百草味</a></span>
											<span><a>百草味</a></span>
											<span><a>百草味</a></span>
											<span><a>百草味</a></span>
											<span><a>百草味</a></span>
										</div>
									</div>
								</li>
								<li class="life">
									<i>&gt;</i>
									<a class="ti" href="#">手机数码</a>
									<a href="#">网卡</a>

									<div class="prosmore hide">
										<div class="prosmore_left">
											<p><span><a href="#">T恤：</a></span></p>
											<p>
												<span><a href="#">女装馆：</a></span>
												<span><a href="#">连衣裙</a></span>
												<span><a href="#">连体裤</a></span>
												<span><a href="#">羽绒服</a></span>
												<span><a href="#">短外套</a></span>

											</p>
											<p>
												<span><a href="#">男装馆：</a></span>
												<span><a href="#">休闲裤</a></span>
												<span><a href="#">牛仔裤</a></span>
												<span><a href="#">风衣</a></span>
												<span><a href="#">针织衫</a></span>
												<span><a href="#">休闲短裤</a></span>
												<span><a href="#">夹克</a></span>
												<span><a href="#">风衣</a></span>
												<span><a href="#">长袖衬衫</a></span>
											</p>
											<p>
												<span><a href="#">内衣馆：</a></span>
												<span><a href="#">男士内裤</a></span>
												<span><a href="#">夏季睡衣</a></span>
												<span><a href="#">性感睡衣</a></span>
												<span><a href="#">廋腿袜</a></span>

											</p>
											<p>
												<span><a href="#">户外鞋帽：</a></span>
												<span><a href="#">高跟拖鞋</a></span>
												<span><a href="#">篮球鞋</a></span>
												<span><a href="#">乒乓球鞋</a></span>
												<span><a href="#">足球鞋</a></span>
												<span><a href="#">羽毛球鞋</a></span>
												<span><a href="#">台球鞋</a></span>
												<span><a href="#">高跟鞋</a></span>
												<span><a href="#">平底鞋</a></span>
											</p>
											<p>
												<span><a href="#">箱包馆</a></span>
												<span><a href="#">单肩女包</a></span>
												<span><a href="#">单肩男包</a></span>
												<span><a href="#">双肩女包</a></span>
												<span><a href="#">双肩男包</a></span>
												<span><a href="#">旅行箱</a></span>
												<span><a href="#">男士钱包</a></span>
												<span><a href="#">女士钱包</a></span>

											</p>

										</div>
										<div class="prosmore_right">
											<p>
												<a href="#" style="color:hotpink">推荐品牌</a>
											</p>
											<span><a>雪花</a></span>
											<span><a>勇闯天涯</a></span>
											<span><a>达芙妮</a></span>
											<span><a>七匹狼</a></span>
											<span><a>其他</a></span>
										</div>
									</div>
								</li>
								<li class="women">
									<i>&gt;</i>
									<a class="ti" href="#">家用电器</a>
									<a href="#">大家电</a>

									<div class="prosmore hide">
										<div class="prosmore_left">
											<p><span><a href="#">保健食品：</a></span></p>
											<p>
												<span><a href="#">进口水果：</a></span>
												<span><a href="#">龙眼荔枝</a></span>
												<span><a href="#">龙眼荔枝</a></span>
												<span><a href="#">龙眼荔枝</a></span>
												<span><a href="#">龙眼荔枝</a></span>
												<span><a href="#">龙眼荔枝</a></span>
												<span><a href="#">龙眼荔枝</a></span>
												<span><a href="#">龙眼荔枝</a></span>
												<span><a href="#">龙眼荔枝</a></span>
											</p>
											<p>
												<span><a href="#">糖果巧克力：</a></span>
												<span><a href="#">巧克力</a></span>
												<span><a href="#">巧克力</a></span>
												<span><a href="#">巧克力</a></span>
												<span><a href="#">巧克力</a></span>
												<span><a href="#">巧克力</a></span>
												<span><a href="#">巧克力</a></span>
												<span><a href="#">巧克力</a></span>
												<span><a href="#">巧克力</a></span>
											</p>
											<p>
												<span><a href="#">牛奶乳品：</a></span>
												<span><a href="#">豆奶</a></span>
												<span><a href="#">豆奶</a></span>
												<span><a href="#">豆奶</a></span>
												<span><a href="#">豆奶</a></span>
												<span><a href="#">豆奶</a></span>
												<span><a href="#">豆奶</a></span>
												<span><a href="#">豆奶</a></span>
												<span><a href="#">豆奶</a></span>
											</p>
											<p>
												<span><a href="#">坚果炒货：</a></span>
												<span><a href="#">开心果</a></span>
												<span><a href="#">开心果</a></span>
												<span><a href="#">开心果</a></span>
												<span><a href="#">开心果</a></span>
												<span><a href="#">开心果</a></span>
												<span><a href="#">开心果</a></span>
												<span><a href="#">开心果</a></span>
												<span><a href="#">开心果</a></span>
											</p>
											<p>
												<span><a href="#">蜜饯果干</a></span>
												<span><a href="#">红枣</a></span>
												<span><a href="#">红枣</a></span>
												<span><a href="#">红枣</a></span>
												<span><a href="#">红枣</a></span>
												<span><a href="#">红枣</a></span>
												<span><a href="#">红枣</a></span>
												<span><a href="#">红枣</a></span>
												<span><a href="#">红枣</a></span>
											</p>

										</div>
										<div class="prosmore_right">
											<p>
												<a href="#" style="color:hotpink">推荐品牌</a>
											</p>
											<span><a>百草味</a></span>
											<span><a>百草味</a></span>
											<span><a>百草味</a></span>
											<span><a>百草味</a></span>
											<span><a>百草味</a></span>
										</div>
									</div>
								</li>
								<li class="goods bd-solid">
									<i>&gt;</i>
									<a class="ti" href="#">家具日用</a>
									<a href="#">家具</a>
									<a href="#">厨具</a>
									<div class="prosmore hide">
										<div class="prosmore_left">
											<p><span><a href="#">T恤：</a></span></p>
											<p>
												<span><a href="#">女装馆：</a></span>
												<span><a href="#">连衣裙</a></span>
												<span><a href="#">连体裤</a></span>
												<span><a href="#">羽绒服</a></span>
												<span><a href="#">短外套</a></span>

											</p>
											<p>
												<span><a href="#">男装馆：</a></span>
												<span><a href="#">休闲裤</a></span>
												<span><a href="#">牛仔裤</a></span>
												<span><a href="#">风衣</a></span>
												<span><a href="#">针织衫</a></span>
												<span><a href="#">休闲短裤</a></span>
												<span><a href="#">夹克</a></span>
												<span><a href="#">风衣</a></span>
												<span><a href="#">长袖衬衫</a></span>
											</p>
											<p>
												<span><a href="#">内衣馆：</a></span>
												<span><a href="#">男士内裤</a></span>
												<span><a href="#">夏季睡衣</a></span>
												<span><a href="#">性感睡衣</a></span>
												<span><a href="#">廋腿袜</a></span>

											</p>
											<p>
												<span><a href="#">户外鞋帽：</a></span>
												<span><a href="#">高跟拖鞋</a></span>
												<span><a href="#">篮球鞋</a></span>
												<span><a href="#">乒乓球鞋</a></span>
												<span><a href="#">足球鞋</a></span>
												<span><a href="#">羽毛球鞋</a></span>
												<span><a href="#">台球鞋</a></span>
												<span><a href="#">高跟鞋</a></span>
												<span><a href="#">平底鞋</a></span>
											</p>
											<p>
												<span><a href="#">箱包馆</a></span>
												<span><a href="#">单肩女包</a></span>
												<span><a href="#">单肩男包</a></span>
												<span><a href="#">双肩女包</a></span>
												<span><a href="#">双肩男包</a></span>
												<span><a href="#">旅行箱</a></span>
												<span><a href="#">男士钱包</a></span>
												<span><a href="#">女士钱包</a></span>

											</p>

										</div>
										<div class="prosmore_right">
											<p>
												<a href="#" style="color:hotpink">推荐品牌</a>
											</p>
											<span><a>雪花</a></span>
											<span><a>勇闯天涯</a></span>
											<span><a>达芙妮</a></span>
											<span><a>七匹狼</a></span>
											<span><a>其他</a></span>
										</div>
									</div>
								</li>
								<li class="drink">
									<i class="iconfont icon-jvshoucang">&gt;</i>
									<a class="ti" href="#">酒类饮料</a>
									<a href="#">酒水</a>
									<a href="#">饮料</a>
									<div class="prosmore hide">
										<div class="prosmore_left">
											<p><span><a href="#">保健食品：</a></span></p>
											<p>
												<span><a href="#">进口水果：</a></span>
												<span><a href="#">龙眼荔枝</a></span>
												<span><a href="#">龙眼荔枝</a></span>
												<span><a href="#">龙眼荔枝</a></span>
												<span><a href="#">龙眼荔枝</a></span>
												<span><a href="#">龙眼荔枝</a></span>
												<span><a href="#">龙眼荔枝</a></span>
												<span><a href="#">龙眼荔枝</a></span>
												<span><a href="#">龙眼荔枝</a></span>
											</p>
											<p>
												<span><a href="#">糖果巧克力：</a></span>
												<span><a href="#">巧克力</a></span>
												<span><a href="#">巧克力</a></span>
												<span><a href="#">巧克力</a></span>
												<span><a href="#">巧克力</a></span>
												<span><a href="#">巧克力</a></span>
												<span><a href="#">巧克力</a></span>
												<span><a href="#">巧克力</a></span>
												<span><a href="#">巧克力</a></span>
											</p>
											<p>
												<span><a href="#">牛奶乳品：</a></span>
												<span><a href="#">豆奶</a></span>
												<span><a href="#">豆奶</a></span>
												<span><a href="#">豆奶</a></span>
												<span><a href="#">豆奶</a></span>
												<span><a href="#">豆奶</a></span>
												<span><a href="#">豆奶</a></span>
												<span><a href="#">豆奶</a></span>
												<span><a href="#">豆奶</a></span>
											</p>
											<p>
												<span><a href="#">坚果炒货：</a></span>
												<span><a href="#">开心果</a></span>
												<span><a href="#">开心果</a></span>
												<span><a href="#">开心果</a></span>
												<span><a href="#">开心果</a></span>
												<span><a href="#">开心果</a></span>
												<span><a href="#">开心果</a></span>
												<span><a href="#">开心果</a></span>
												<span><a href="#">开心果</a></span>
											</p>
											<p>
												<span><a href="#">蜜饯果干</a></span>
												<span><a href="#">红枣</a></span>
												<span><a href="#">红枣</a></span>
												<span><a href="#">红枣</a></span>
												<span><a href="#">红枣</a></span>
												<span><a href="#">红枣</a></span>
												<span><a href="#">红枣</a></span>
												<span><a href="#">红枣</a></span>
												<span><a href="#">红枣</a></span>
											</p>

										</div>
										<div class="prosmore_right">
											<p>
												<a href="#" style="color:hotpink">推荐品牌</a>
											</p>
											<span><a>百草味</a></span>
											<span><a>百草味</a></span>
											<span><a>百草味</a></span>
											<span><a>百草味</a></span>
											<span><a>百草味</a></span>
										</div>
									</div>
								</li>
								<li class="mum">
									<i>&gt;</i>
									<a class="ti" href="#">母婴用品</a>
									<a href="#">玩具</a>
									<a href="#">婴儿</a>
									<div class="prosmore hide">
										<div class="prosmore_left">
											<p><span><a href="#">T恤：</a></span></p>
											<p>
												<span><a href="#">女装馆：</a></span>
												<span><a href="#">连衣裙</a></span>
												<span><a href="#">连体裤</a></span>
												<span><a href="#">羽绒服</a></span>
												<span><a href="#">短外套</a></span>

											</p>
											<p>
												<span><a href="#">男装馆：</a></span>
												<span><a href="#">休闲裤</a></span>
												<span><a href="#">牛仔裤</a></span>
												<span><a href="#">风衣</a></span>
												<span><a href="#">针织衫</a></span>
												<span><a href="#">休闲短裤</a></span>
												<span><a href="#">夹克</a></span>
												<span><a href="#">风衣</a></span>
												<span><a href="#">长袖衬衫</a></span>
											</p>
											<p>
												<span><a href="#">内衣馆：</a></span>
												<span><a href="#">男士内裤</a></span>
												<span><a href="#">夏季睡衣</a></span>
												<span><a href="#">性感睡衣</a></span>
												<span><a href="#">廋腿袜</a></span>

											</p>
											<p>
												<span><a href="#">户外鞋帽：</a></span>
												<span><a href="#">高跟拖鞋</a></span>
												<span><a href="#">篮球鞋</a></span>
												<span><a href="#">乒乓球鞋</a></span>
												<span><a href="#">足球鞋</a></span>
												<span><a href="#">羽毛球鞋</a></span>
												<span><a href="#">台球鞋</a></span>
												<span><a href="#">高跟鞋</a></span>
												<span><a href="#">平底鞋</a></span>
											</p>
											<p>
												<span><a href="#">箱包馆</a></span>
												<span><a href="#">单肩女包</a></span>
												<span><a href="#">单肩男包</a></span>
												<span><a href="#">双肩女包</a></span>
												<span><a href="#">双肩男包</a></span>
												<span><a href="#">旅行箱</a></span>
												<span><a href="#">男士钱包</a></span>
												<span><a href="#">女士钱包</a></span>

											</p>

										</div>
										<div class="prosmore_right">
											<p>
												<a href="#" style="color:hotpink">推荐品牌</a>
											</p>
											<span><a>雪花</a></span>
											<span><a>勇闯天涯</a></span>
											<span><a>达芙妮</a></span>
											<span><a>七匹狼</a></span>
											<span><a>其他</a></span>
										</div>
									</div>
								</li>
							</ul>
						</div>
					</div>
				</div>

			</div>
		</div>
		<!--
        	作者：453570847@qq.com
        	时间：2017-03-23
        	描述：main
        -->
		<div id="main">
			<div id="main_con">
				<div class="main_con_top">
					<a href="#">首页</a>
					<a href="#">&gt用户中心</a>
				</div>
				<div class="main_con_con">
					<div class="con_left">
						<div>用户中心</div>
						<div>
							<p>
								<img src="images/user.png" />
							</p>
							<p>
								<a href="">修改资料</a><br>
								<a href="">安全退出</a>
							</p>
							<p style="width:210px;height:20px;font-size: 12px;color: red;float: left;padding-left: 20px;">冰冰冰冰冰冰冰冰冰冰冰冰冰</p>
						</div>
						<p style="width:210px;height:40px;line-height: 40px;text-align: center;font-size: 18px;">会员中心</p>
						<ul>

							<li>
								<a href="usercenter.html">欢迎页</a>
							</li>
							<li>
								<a href="usermessage.html">用户信息</a>
							</li>
							<li>
								<a href="usersam.html">账户安全</a>
							</li>
							<li>
								<a href="address.html">收货地址</a>
							</li>
							<li>
								<a href="brm.html">资金管理</a>
							</li>
							<li>
								<a href="redpack.html">我的红包</a>
							</li>
							<li>
								<a href="parkcard.html">储存卡充值</a>
							</li>
						</ul>
						<p style="width:210px;height:40px;line-height: 40px;text-align: center;font-size: 18px;">交易中心</p>
						<ul>

							<li>
								<a href="indent.html">我的订单</a>
							</li>
							<li>
								<a href="refund.html">退款、退货及维修</a>
							</li>
							<li>
								<a href="evaluted.html">商品评价、晒单</a>
							</li>
							<li>
								<a href="collect.html">商品收藏</a>
							</li>
							<li>
								<a href="attention.html">店铺关注</a>
							</li>
							<li>
								<a href="auction.html">我的竞拍</a>
							</li>
							<li>
								<a href="combo.html">提货券入口</a>
							</li>
							<li>
								<a href="picking.html">我的提货</a>
							</li>
						</ul>
						<p style="width:210px;height:40px;line-height: 40px;text-align: center;font-size: 18px;">服务中心</p>
						<ul>

							<li>
								<a href="oos.html">缺货登记</a>
							</li>
							<li>
								<a href="guestbook.html">我的留言</a>
							</li>
							<li>
								<a href="#">我要开店</a>
							</li>

						</ul>
					</div>
					<div class="con_right">
						<div class="right1">
							<a href="" style="font-size: 18px;border-bottom: 1px solid red;">我关注的店铺</a>
						</div>	
						<div class="right2">
							<a href="">店铺</a>
							<a href="">商家名称</a>
							<a href="">联系QQ</a>
							<a href="">联系旺旺</a>
							<a href="">操作</a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--
        	作者：453570847@qq.com
        	时间：2017-03-21
        	描述：blogroll
        -->
		<div id="blogroll">
			<div id="blogroll_con">

				<ul>
					<li>
						<a href="#" style="font-size: 16px;">关于我们</a>
						<a href="#">隐私保护</a>
						<a href="#">公司简介</a>
						<a href="#">管理团队</a>
						<a href="#">媒体报道</a>
						<a href="#">领导关怀</a>
						<a href="#">招贤纳士</a>
					</li>
					<li>
						<a href="#" style="font-size: 16px;">新手上路</a>
						<a href="#">售后流程</a>
						<a href="#">购物流程</a>
						<a href="#">订购方式</a>
						<a href="#">商品评价</a>
						<a href="#">在线支付</a>

					</li>
					<li>
						<a href="#" style="font-size: 16px;">配送方式</a>
						<a href="#">货到付款区域</a>
						<a href="#">配送查询</a>
						<a href="#">配送时间</a>
						<a href="#">配送收费标准</a>
						<a href="#">上门自提</a>

					</li>
					<li>
						<a href="#" style="font-size: 16px;">购物指南</a>
						<a href="#">常见问题</a>
						<a href="#">会员服务</a>
						<a href="#">红包使用</a>
						<a href="#">返现使用</a>

					</li>
					<li>
						<a href="#" style="font-size: 16px;">售后服务</a>
						<a href="#">退换货原则</a>
						<a href="#">售后服务保证</a>
						<a href="#">退换货流程</a>
						<a href="#">联系客服</a>
						<a href="#">商品验收</a>

					</li>
					<li>
						<p style="width:187px;color: red;font-size: 28px;border-bottom: none;">400-0310-707</p>
						<a href="#">周一至周五 9:00-17:30</a>
						<a href="#">（仅收市话费）</a>
						<span style="width:117px;height:30px;background: red;margin: 0 auto;text-align: center;line-height: 30px;display: block;color:#fff;">24小时在线客服</span>
					</li>
				</ul>
			</div>
		</div>
		<!--
        	作者：453570847@qq.com
        	时间：2017-03-21
        	描述：bottom
        -->
		<div id="bottom">
			<div id="bottom_con">
				<p>
					<a href="#">友情链接：邢台亿搜人才网</a>
					<a href="#">北京中小企业网</a>
					<a href="#">亿搜人才网</a>
					<a href="#">众贤服务网</a>
					<a href="#" style="border:none">快递查询</a>
				</p>
				<p>
					<a href="#">关于我们</a>
					<a href="#">管理团队</a>
					<a href="#">商家入驻</a>
					<a href="#">媒体报道</a>
					<a href="#">站点地图</a>
					<a href="#">招贤纳士</a>
					<a href="#">帮助中心</a>
					<a href="#">ICP备案证书号：冀ICP备14019346号-1</a>
					<a href="#" style="border:none">快递查询</a>
				</p>
			</div>
		</div>

	</body>
<script type="text/javascript">
		onload = function(){
		var pre = document.getElementById("pre");
		var con = document.getElementById("con");
	
		var arr = "";
		
		
		pre.onkeydown = function(evt){
			if(evt.keyCode == 40 || evt.keyCode == 38){
				pre.onkeydown = "";
			 }
			
			//拿到用户键入的数据
			var key = document.getElementById("pre").value;
			jsonp(key);
			//定义一个变量拿到用户接收的数据
			var shujv;
			 
			//创建一个对象
			var req = new XMLHttpRequest();
			
			
		
			
		}
	}
		function backf(response){
				con.innerHTML = "";
				var shenme;
				arr = Array.from(response.s);
				arr.forEach(function(item,index,array){
						var li =document.createElement("li");
						var ahref = document.createElement("a");
						ahref.innerHTML = item;
					
						con.appendChild(li);
						li.appendChild(ahref);
						//li.onclick = function(){
					//		pre.value = this.innerHTML;
					//			ahref.href="https://www.baidu.com/s?ie=utf-8&f=8&rsv_bp=1&rsv_idx=1&ch=&tn=baidu&bar=&wd="+pre.value+"&oq=&rsv_pq=ce04f79f0001066d&rsv_t=758d344y5SMoJbT59%2F9yGXnfrMwhbcMAxumMuF5HafnkpydZx4dvyACEUFw&rqlang=cn";
					//	}
						window.document.onkeydown = disableRefresh;
						var lilist = Array.from(con.children);
					
						var count = -1;
					
						function disableRefresh(evt){
							evt = (evt) ? evt : window.event
							if (evt.keyCode) {
							   if(evt.keyCode == 40 || evt.keyCode == 38){
								 //do something
								if(evt.keyCode == 40){//下贱
									if(count==lilist.length-1){
										count=-1;
									}									
									count++;								
								}
								if(evt.keyCode == 38){//上键
									if(count<1){
										count=lilist.length;
									}
									count--;
								//	console.log(count)
								}
								 
								 for(var x=0;x<lilist.length;x++){
									lilist[x].style.background = "";
									
								 }
								 lilist[count].style.background = "blue";														
							   }
							   if(evt.keyCode == 13){
								pre.value = lilist[count].innerHTML;
									
							   }
							 
							}
					
						}
			})
			}
			//利用jsonp获取数据
			function jsonp(key){
			console.log(key)
				var script = document.createElement("script");
				script.src = "http://suggestion.baidu.com/su?wd="+key+"&cb=backf";
				document.body.appendChild(script);
			}
			
			$("#pre").blur(function(){
				$("#con li").click(function(){
					var ahref = document.createElement("a");
					pre.value = this.innerHTML;
					location.href="https://www.baidu.com/s?ie=utf-8&f=8&rsv_bp=1&rsv_idx=1&ch=&tn=baidu&bar=&wd="+pre.value+"&oq=&rsv_pq=ce04f79f0001066d&rsv_t=758d344y5SMoJbT59%2F9yGXnfrMwhbcMAxumMuF5HafnkpydZx4dvyACEUFw&rqlang=cn";
				
				})
				setTimeout(function(){
					$("#con li").remove();
$("#pre").val("");
				},150)
				
			})
	</script>
	
</html>